<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>

<html>
  <head>
    <title>图书管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="stylesheet" href="${pageContext.request.contextPath }/dist/css/bootstrap.min.css" type="text/css"></link>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/ie10-viewport-bug-workaround.css" type="text/css"></link>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/justified-nav.css" type="text/css"></link>
    <script type="text/javascript" src="${pageContext.request.contextPath }/assets/js/ie-emulation-modes-warning.js"></script>
    
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/jquery.pagination.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.pagination.min.js"></script>
  </head>
  
  <body >
 <div class="container">
      <div class="masthead" >
        <h3 class="text-muted">智能图书管理系统</h3>
        <nav>
          <ul class="nav nav-justified">
            <li ><a href="<%=request.getContextPath()%>/looker/showOther">游客模式</a></li>
            <li class="active"><a href="<%=request.getContextPath()%>/looker/index">用户及管理员登录入口</a></li>
          </ul>
        </nav>
      </div><br/><br/>
 
  	<!-- 使用自定义css样式 div-signin 完成元素居中-->
    <div class="container" align="center">
    
     <form action="${pageContext.request.contextPath }/login" class="form-signin" method="post" id="frmLogin" style="width:300px">
      	<!-- h3标签加载自定义样式，完成文字居中和上下间距调整 -->
	   
	    	 <h2 class="form-signin-heading" align="center">图书馆管理系统</h2>
	    	 <h5 class="form-signin-heading" align="center">Library Management System</h5>
                <div class="col-sm-4" style="padding:0;margin-left:80px;width:auto;padding-top: 5px;" >
		       	 	<c:if test="${msg!=null }">
			       		<span class="text-danger" style="font-size:20px">${msg}</span>
			       </c:if>
		       	 </div>
		    <input class="form-control" type="text" placeholder="请输入用户名" name="code" required autofocus><br>
		       
            <input class="form-control" type="password" placeholder="请输入密码" name="password" required autofocus><br>
		      
		       	<select class="form-control" name="loginType">
		       	 	<option value="0">-请选择身份-</option>
		       	 	<option value="1">普通用户</option>
		       	 	<option value="2">管理员</option>
		       	 	<option value="3">系统管理员</option>
		       	 </select>
		        <br>
			     <button type="submit" class="btn btn-lg btn-primary ">登&nbsp;&nbsp;陆</button>
		       	 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		       	 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			     <button type="reset" class="btn btn-lg btn-primary ">重&nbsp;&nbsp;置</button>
			     
			     <br><br>
		       	 <a class="btn btn-lg btn-primary btn-block" href="${pageContext.request.contextPath}/looker/showOther">返回游客模式</a>
		       	
	      </form>
	      
	    </div>
	    
         <br>
		 <br>
		 <br>
		 <br>
	   <!-- Site footer -->
      <footer class="footer" align="center">
       <a href="http://beian.miit.gov.cn/">鄂ICP备2021006740号-1</a>
       <div style="width:300px;margin:0 auto; padding:20px 0;">
		 		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42092102000053" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
		 		<img src="../images/备案图标.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">鄂公网安备 42092102000053号</p></a>
		 	</div>
        <p>YanJiaDou &copy; 2020 版权所有</p>
      </footer>
 </div>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script type="text/javascript" src="${pageContext.request.contextPath }/assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
